<!DOCTYPE html>
<html ng-app="onlineMusic">
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
        <link href="{{ asset('bundles/musicfrontend/css/foundation/foundation.css') }}" rel="stylesheet" />
        <link href="{{ asset('bundles/musicfrontend/css/styles.css') }}" rel="stylesheet" />
        <script type="text/javascript" src="{{ asset('bundles/musicfrontend/js/jquery.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/musicfrontend/js/angular.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/musicfrontend/js/foundation/foundation.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/musicfrontend/js/audiojs/audio.min.js')}}"></script>
        <script type="text/javascript" src="{{ asset('bundles/musicfrontend/js/controllers/base.js') }}"></script>
    </head>
    <body>
        {% block body %}
        <div class="row">
            <div class="large-6 columns">
                {% block player %} {% endblock %}
            </div>
            <div class="large-6 columns">
                {% block search %} {% endblock %}
            </div>
        </div>
        {% endblock %}
        {% block javascripts %}{% endblock %}
    </body>
</html>
